<template>
	<div class="myintergralwrap">
		<div class="myintergralwrap-title mypurse-title">账户余额：<span>￥{{user.usermoney}}</span></div>
		<div class="mypurse-text">
			<div class="mypurse-text-text">请选择充值金额：</div>
			<div class="addmoney">
				<span>500元</span>
				<span>1000元</span>
				<span>2000元</span>
			</div>
			<div class="gift">充值有礼</div>
			<div class="giftnohua">
				<div class="gifttext">
					<div class="add500">充500元送：</div>
					<div>
						<div class="addpic"></div>
						<div class="addtext">
							<div>新疆哈密瓜25kg</div>
							<div>价值：500</div>
						</div>
					</div>
				</div>
				<div class="gifttext">
					<div class="add500">充500元送：</div>
					<div>
						<div class="addpic"></div>
						<div class="addtext">
							<div>新疆哈密瓜25kg</div>
							<div>价值：500</div>
						</div>
					</div>
				</div>
			</div>
			<div class="addbut">立即充值</div>
		</div>
	</div>
</template>

<script>
	export default{
		data(){
			return{
				user:null
			}
		},
		created(){
			this.user=this.$store.state.userinfor;
		}
	}
</script>

<style>
	.mypurse-title span{
		color: #f08200;
	}
	.mypurse-text{
		height: 564px;
		font-size: 20px;
		
	}
	.mypurse-text div{
		margin-left: 3%;
	}
	.mypurse-text-text{
		height: 78px;
		line-height: 78px;
	}
	.addmoney{
		height: 72px;
	}
	.addmoney span{
		float: left;
		width: 114px;
		line-height: 32px;
		text-align: center;
		height: 32px;
		border: 1px solid #c1c1c1;
		margin-right: 5%;
	}
	.gift{
		color:#f08200;
		height: 40px;
	}
	.mypurse-text .gifttext{
		float: left;
		width: 300px;
		margin-left: 0px;
		height: 190px;
		border: 1px solid #c1c1c1;
		margin-right: 5%;
	}
	.add500{
		height: 50px;
		line-height: 50px;
	}
	.addpic{
		float: left;
		width: 120px;
		height: 120px;
		background:url("../assets/img/banner-13.png") no-repeat;
		background-size: 100% 100%;
	}
	.addtext{
		float: left;
		margin-top: 20px;
		font-size: 16px;
		width: 52%;
	}
	.giftnohua{
		height: 200px;
	}
	.addbut{
		width: 150px;
		height: 48px;
		background: #f08200;
		color: white;
		line-height: 48px;
		text-align: center;
		margin-top: 40px;
		border-radius:5px ;
	}
</style>
